<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .sub-button {
            width: 100px;
            height: 40px;
            color: white;
            background-color: rgb(200, 0, 0);
            border: none;
            /* 让鼠标 变成按钮 */
            cursor: pointer;
            border-radius: 5px;
            margin-right: 10px;
        }

        .sub-button:hover {
            background-color: rgb(245, 0, 0);
        }

        .join-button {
            width: 70px;
            height: 40px;
            color: blue;
            border: blue solid 0.7px;
            border-radius: 8px;
            cursor: pointer;
            margin-right: 10px;
        }


        .tweet-button {
            width: 70px;
            height: 40px;
            background-color: rgba(2, 137, 235);
            color: rgb(255, 255, 255);
            border: rgba(2, 137, 235) solid 0.7px;
            border-radius: 19px;
            cursor: pointer;
            font-weight: bold;
            font-size: 17px;
            margin-right: 10px;
        }


        .uber-button {
            width: 100px;
            height: 30px;
            color: white;
            background-color: black;
            border-style: solid;
        }

        .amazon-button {
            width: 120px;
            height: 30px;
            background-color: rgb(255, 216, 20);
            border: none;
            border-radius: 18px;
        }


        .github-button {
            width: 120;
            height: 26px;
            background-color: rgb(46, 164, 79);
            color: white;
            border: none;
            border-radius: 6px;
        }
    </style>
</head>

<body>

    <button class="sub-button">SUBSCRIBE</button>
    <button class="join-button">JOIN</button>
    <button class="tweet-button">Tweet</button>
    <button class="uber-button">Request now</button>
    <button class="amazon-button">Add to Cart</button>

    <button class="github-button">Sign up</button>

</body>

</html>